﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucUpload.ascx.cs" Inherits="en_ucControl_ucUpload" %>
<%@ Register Assembly="MSCaptcha" Namespace="MSCaptcha" TagPrefix="cc1" %>

<script type="text/javascript">
    function ValidateChecked(sender, args) {
        if ($('#<%= chkAccept.ClientID %>').attr('checked')) {
            $('#tdCheckboxAgree').removeClass("checkReq");
        }
        else {
            $('#tdCheckboxAgree').removeClass("checkReq");
            $('#tdCheckboxAgree').addClass("checkReq");
            args.IsValid = false;
        }
    }    
</script>

<style type="text/css">
    .checkReq
    {
        border: solid 1px black;
        background-color: #2187D9;
    }
</style>
<div id="align">
    <div id="container">
        <div id="container_center">
            <div id="container_left">
                <p style="background: url(images/icon_menu1.png) no-repeat;">
                    <a href="#">
                        <div class="menu_left">
                            Account Information</div>
                    </a>
                </p>
                <p style="background: url(images/icon_menu2.png) no-repeat;">
                    <a href="#">
                        <div class="menu_left">
                            Upload photos</div>
                    </a>
                </p>
                <p style="background: url(images/icon_menu3.png) no-repeat;">
                    <a href="#">
                        <div class="menu_left">
                            Manage your photos</div>
                    </a>
                </p>
                <p style="background: url(images/icon_menu4.png) no-repeat;">
                    <a href="#">
                        <div class="menu_left">
                            Get product layout code</div>
                    </a>
                </p>
                <p style="background: url(images/icon_menu5.png) no-repeat;">
                    <a href="#">
                        <div class="menu_left">
                            Become V.I.P membership</div>
                    </a>
                </p>
                <p style="background: url(images/icon_menu6.png) no-repeat;">
                    <a href="#">
                        <div class="menu_left">
                            Change password</div>
                    </a>
                </p>
                <p style="background: url(images/icon_menu7.png) no-repeat;">
                    <a href="#">
                        <div class="menu_left">
                            Logout</div>
                    </a>
                </p>
            </div>
            <div id="content_center">
                <div class="content_center_padding">
                    <div class="content_center_padding">
                        <%-- <h1>
                            Upload Photos</h1>
                        <p>
                            Browse an image<br />
                            <br />
                            <asp:FileUpload ID="fileUpload" runat="server" Width="250px" />
                        </p>
                        <br />
                        <p>
                            Enter capcha code<br />
                            <br />
                            <cc1:CaptchaControl ID="CaptchaControl1" runat="server" />
                            <div class="content_center_items">
                                <input name="" type="checkbox" value="" />
                                I have read and accepted with <a href="#">terms of us.</a><br />
                                <div style="padding: 0 0 0 23px;">
                                    All violation images will be removed from server.</div>
                            </div>
                            <div class="padding_center">
                                <p>
                                    <a class="button" href="#">Upload It</a></p>
                            </div>
                            <div style="float: left; padding: 20px 0;">
                                <h4>
                                    Note</h4>
                                <p style="font-weight: normal; color: #2e2e2e; margin: 5px;">
                                    - Png, Gif, Jpg, Jpeg format will be allowed.<br />
                                    - Maximum file allow: 1024 KB</p>
                            </div>--%>
                        <table>
                            <tr>
                                <td>
                                    <h1>
                                        Upload Photos</h1>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <p>
                                        Browse an image</p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:FileUpload ID="fileUpload" runat="server" Width="250px" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Label ID="lb_thongbao" runat="server" Text="Label"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <p>
                                        Enter capcha code</p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <cc1:CaptchaControl ID="CaptchaControl1" runat="server" />
                                </td>
                            </tr>
                            <tr>
                                <td id="tdCheckboxAgree" class="loginLnk">
                                    <asp:CheckBox ID="chkAccept" runat="server" />
                                    I have read and accepted with <a href="#">terms of us.</a><br />
                                    <div style="padding: 0 0 0 23px;">
                                        All violation images will be removed from server.</div>
                                    <asp:CustomValidator ClientValidationFunction="ValidateChecked" runat="server" ID="valchkAccept"
                                        ValidationGroup="grpRegister" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="padding_center">
                                        <asp:Button ID="btnUpload" runat="server" CssClass="button" Text="Upload Image" ValidationGroup="UploadImage"
                                            OnClick="btnUpload_Click" />
                                    </div>
                                    <div style="float: left; padding: 20px 0;">
                                        <h4>
                                            Note</h4>
                                        <p style="font-weight: normal; color: #2e2e2e; margin: 5px;">
                                            - Png, Gif, Jpg, Jpeg format will be allowed.<br />
                                            - Maximum file allow: 1024 KB</p>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div id="content_right">
                <div class="right_content">
                    <p class="font_weight">
                        <label style="color: #27ae07;">
                            Photos group name:</label>
                        1992012-154120</p>
                    <p class="padding_center">
                        <a class="button_bt" href="#">Get photos group code</a></p>
                    <div class="right_items">
                        <div class="right_img">
                            <%-- <img src="images/img.jpg" />
                            <a href="#">
                                <div class="button_right">
                                    Get Code</div>
                            </a>--%>
                            <asp:ListView runat="server" ID="lvItems" ItemPlaceholderID="groupPlaceholder" GroupItemCount="2"
                                GroupPlaceholderID="layoutTemplate">
                                <LayoutTemplate>
                                    <table id="layoutTemplate" runat="server" border="0" cellpadding="0" cellspacing="0">
                                    </table>
                                </LayoutTemplate>
                                <GroupTemplate>
                                    <tr>
                                        <div id="groupPlaceholder" runat="server">
                                        </div>
                                    </tr>
                                </GroupTemplate>
                                <ItemTemplate>
                                    <td style="padding: 0 0 15px 15px;">
                                        <asp:HyperLink ID="lnkItemDetails" runat="server" NavigateUrl=''>
                                            <div>
                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td align="center" style="padding: 5px">
                                                            <table>
                                                                <tr>
                                                                    <tr>
                                                                        <td align="center" id="rollover">
                                                                            <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/ItemDetail.aspx?id=" + Eval("ItemID")  %>'>
                                                                                <asp:Image ID="Image1" runat="server" ImageUrl='<%# "~/ImageProcess.ashx?file=" + "~/Admin/images/items/" + Eval("ImageURL") + "&width=280&heigh=120&dd=true" %>'
                                                                                    AlternateText="No Image" />
                                                                                </span>
                                                                            </asp:HyperLink>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding-top: 12px">
                                                                            <table border="0" cellspacing="3" cellpadding="0">
                                                                                <tr>
                                                                                    <td width="1" class="imglink">
                                                                                        <asp:HyperLink ID="HyperLink2" runat="server" ToolTip="Thêm vào giỏ hàng">
                                                                                            <asp:Button ID="Button1" runat="server" Text="Button" class="button_right" />
                                                                                        </asp:HyperLink>
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </asp:HyperLink>
                                    </td>
                                </ItemTemplate>
                            </asp:ListView>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div id="footer_center">
                <div id="footer_padding">
                    <div class="footer_bottom_left">
                        2012 © ImageShockUpload.com. All rights reserved.<br />
                        Privacy Policy | Terms of use</div>
                    <div class="footer_bottom_right">
                        <a href="#">
                            <img src="images/icon_face.png" /></a> <a href="#">
                                <img src="images/icon_mxh2.png" /></a> <a href="#">
                                    <img src="images/icon_mail.png" /></a> <a href="#">
                                        <img src="images/icon_mxh1.png" /></a> <a href="#">
                                            <img src="images/icon_cong.png" /></a> <a href="#">
                                                <img src="images/icon.png" /></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
